feat(dashboard): 增加分栏式插件管理器布局#4451
feat(dashboard): 增加分栏式插件管理器布局#4451AstralSolipsism wants to merge 4 commits intoAstrBotDevs:masterfrom
Conversation
There was a problem hiding this comment.
Sorry @AstralSolipsism, your pull request is larger than the review limit of 150000 diff characters
78c7a50 to
d449d4e
Compare
There was a problem hiding this comment.
Sorry @AstralSolipsism, your pull request is larger than the review limit of 150000 diff characters
|
@sourcery-ai review |
|
Sorry @AstralSolipsism, your pull request is larger than the review limit of 150000 diff characters |
1 similar comment
|
Sorry @AstralSolipsism, your pull request is larger than the review limit of 150000 diff characters |
d449d4e to
c64de73
Compare
|
@sourcery-ai review |
|
Sorry @AstralSolipsism, your pull request is larger than the review limit of 150000 diff characters |
|
好东西 |
|
感觉这个完全是完美的上位替代了,能tab切到文档和配置,就不用来来来回回开关、新标签页打开仓库看文档来回切标签页,极大的减少了操作量 |
|
有点像gale mod管理器 |
…yout # Conflicts: # dashboard/src/views/extension/InstalledPluginsTab.vue
写这个PR时参考的就是各类MOD管理器的布局来做的,感觉装插件的体验其实也挺接近给游戏打MOD的 我看到Merge有一个冲突,还有上游更新了置顶功能,又提交了一版commit了,烦请佬再审核一下 |
本 PR 为 Dashboard 插件管理页面新增 Manager 布局模式,参考游戏 MOD 管理器的设计风格,提供更直观高效的插件管理体验,且分标签页的设计便于后期插件自带的WebUI面板以ifarm形式嵌入。所有修改仅涉及 dashboard 前端,对后端无任何改动。
Modifications / 改动点
新增 MOD Manager 布局模式(19 个新增文件)
PluginDualList/PluginListTable):左侧展示激活/未激活插件列表,支持批量勾选与操作PluginPanel/PluginWorkspace):右侧展示插件信息,支持 Info / Config / Overview / Changelog 标签页,标签页支持拖拽分离为独立面板ResizableSplitPane):支持横向/纵向分割条拖拽调整区域比例DetachedTabPane):支持将标签页从面板拖出为独立浮动窗户,可拖拽回靠BatchOperationBar):批量启用/禁用/卸载插件Markdown 样式重构(3 个文件配套修改)
ReadmeDialog.vue中的 scoped Markdown 样式(234 行)提取为全局 SCSS 模块_MarkdownBody.scss,提升跨组件复用性国际化适配(3 个文件)
集成入口(1 个文件修改)
InstalledPluginsTab.vue:新增三态视图切换(card / list / mod),集成ModManagerLayout组件,保留原有视图向后兼容This is NOT a breaking change. / 这不是一个破坏性变更。
Screenshots or Test Results / 运行截图或测试结果
Checklist / 检查清单
😊 If there are new features added in the PR, I have discussed it with the authors through issues/emails, etc.
/ 如果 PR 中有新加入的功能,已经通过 Issue / 邮件等方式和作者讨论过。
👀 My changes have been well-tested, and "Verification Steps" and "Screenshots" have been provided above.
/ 我的更改经过了良好的测试,并已在上方提供了"验证步骤"和"运行截图"。
🤓 I have ensured that no new dependencies are introduced, OR if new dependencies are introduced, they have been added to the appropriate locations in
requirements.txtandpyproject.toml./ 我确保没有引入新依赖库,或者引入了新依赖库的同时将其添加到
requirements.txt和pyproject.toml文件相应位置。😮 My changes do not introduce malicious code.
/ 我的更改没有引入恶意代码。